fix: Remove blue on button, select on iOS 15+ Safari #871

studioromeo · 2021-11-08T14:02:46Z

Hey 👋

On iOS 15+ devices the button text color has changed to blue (via a user-agent style color: -apple-system-blue;).

This is a change from iOS 14- devices which displayed black. While all browsers display buttons slightly differently I felt the blue change was significant enough to warrant a reset as developers might not be expecting this. But I'm also not sure if this is too opinionated for normalize or not, what do you think?

I've put below screenshots of the browsers I have to hand to test on but theres a few key ones missing like IE.

This is my first contribution, I've checked the contributing guidelines and I think I've got everything correct but if theres anything at all let me know 👍

Thanks! 💛

Browser (OS)	Before	After
Safari (iOS 15)
Safari (iOS 13)
Chrome 91.0.4472.114 (Android 12)
Safari 15.1 (Mac 11.6.1)
Chrome 95.0.4638.69 (Mac 11.6.1)
Firefox 94.0.1 (Mac 11.6.1)

On iOS 15+ devices the button text color has changed to blue (via color: -apple-system-blue;). This is a change from iOS 14- devices which displayed black. While all browsers display buttons slightly differently I felt the blue change was significant enough to warrant a reset as developers might not be expecting this.